<!DOCTYPE html>
<html>
  <head>
    <title>live.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="../javascript/lib/jquery-1.9.1/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			/*
				.live()
				live()方法可以为未来生成的元素添加事件，此方法在1.7版本中已不赞成使用，并在1.9版本中被删除，您可以使用on()方法来代替。
				.die()
				die()方法可以移除live()添加的事件，此方法在1.7版本中已不赞成使用，并在1.9版本中被删除，您可以使用off()方法来代替。
			*/
			//虽然元素不存在，但已经可以创建事件处理程序 || 把$("body")替换为$(document)也可以
			$("body").on("click" , "#anchor" , function(event){
				alert("anchor click : i have a handler. " + event.type);
			});
			$("body").append("<a id='anchor'> i go no where </a>");
		})
	</script>
  </head>
  
  <body>
	<div><p>haohaohao</p></div>
  </body>
</html>
